{% load static %}
<!DOCTYPE html>
<html lang="en">


<head>

    <meta charset="UTF-8">

    <!-- 预留网站标题的位置 -->
    <title>驾校网上报名系统</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">
    <style>
        .navbar {
            border-radius: 0;
            background: linear-gradient(to right, rgb(206, 225, 240), rgb(253, 253, 253));
        }

        body {
            background: linear-gradient(to right, rgb(206, 225, 240), rgb(253, 253, 253));
        }

        #popup {
            background-color: #fff;
            width: 300px;
            height: 200px;
            border: 1px solid #000;
            padding: 10px;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
    {% block css %}{% endblock %}
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="http://127.0.0.1:8000/user/1/index" style="padding-bottom: 50px;">
                <p style="color: #f5c400;margin-bottom: 0px;">驾校网上报名系统</p>
                <p style="color: #f5c400;font-size: 1px;margin-top: 0px;">Kashgar Xinlongji Trading Co., Ltd. product
                    library</p>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="http://127.0.0.1:8000/user/1/index">首页</a></li>
                <li><a href="/mycart/">我的收藏</a></li>
                <li><a href="/orders/">报名</a></li>
            </ul>
            {% block search %}{% endblock %}
            <!--下拉菜单-->
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <!--显示当前用户名字-->
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">{{ request.session.info.name }} <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/user/info/">我的信息</a></li>
                        <!--画线-->
                        <li role="separator" class="divider"></li>
                        <li><a href="/logout/">退出</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div>
    {% block content %}{% endblock %}
</div>
<!-- 底部 -->
<div class="container" style="margin-top: 120px">
    <div class="row">
        <div class="col-md-12">
            <div>
                <ul class="list-unstyled list-inline">
                    <li><a href="#" style="color: black;" class="h4"> </a></li>
                    <li><a href="#" style="color: black;" class="h4"> </a></li>
                    <li><a href="#" style="color: black;" class="h4"> </a></li>
                    <li><a href="#" style="color: black;" class="h4"></a></li>
                    <li><a href="#" style="color: black;" class="h4"></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"></script>
<script>
    function del() {
        let msg = "注销以后用户的所有信息会被系统删除的,你确定注销账号吗？\n\n请确认！";
        if (confirm(msg) == true) {
            return true;
        } else {
            return false;
        }
    }
</script>
{% block js %}{% endblock %}
</body>
</html>
